<template>
  <div class="PageA">
    <navbar>
      <div slot="center">小芳</div>
      <div slot="left" class="left-img">
          <img @click="fan" src="../../assets/img/la.png" />
      </div>
    </navbar>
    
    <div class="TopMargin">
      <div class="contentC">
        <table class="pacZ">
          <tr v-for="item in list" :key="item.id">
            <td>{{ item.title }}</td>
            <td>{{ item.title1 }}</td>
          </tr>
        </table>

        <table class="pacZ">
          <tr v-for="item in list1" :key="item.id">
            <td>{{ item.title }}</td>
            <td>{{ item.title1 }}</td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</template>
<script>
import navbar from "../../components/navbar/navbar";
export default {
  name: "userInfoDetail",
  components: {
    navbar,
  },
  methods: {
    fan() {
      this.$router.back();
    },
  },
  data() {
    return {
      list: [
        {
          id: 1,
          title: "ID号",
          title1: "173643",
        },
        {
          id: 2,
          title: "昵称",
          title1: "大美女",
        },
        {
          id: 3,
          title: "性别",
          title1: "女",
        },
        {
          id: 4,
          title: "年龄24",
          title1: "24",
        },
        {
          id: 5,
          title: "身高",
          title1: "166厘米",
        },
        {
          id: 6,
          title: "学历",
          title1: "本科",
        },
        {
          id: 7,
          title: "月收入",
          title1: "20000~30000",
        },
        {
          id: 8,
          title: "居住地",
          title1: "重庆江北",
        },
      ],

      list1: [
        {
          id: 1,
          title: "TA的择偶标准",
        },
        {
          id: 2,
          title: "年龄",
          title1: "26-30",
        },
        {
          id: 3,
          title: "身高",
          title1: "175-180",
        },
        {
          id: 4,
          title: "学历",
          title1: "本科至硕士",
        },
        {
          id: 5,
          title: "月收入",
          title1: "20000~30000",
        },
        {
          id: 6,
          title: "居住地",
          title1: "重庆",
        },
        {
          id: 7,
          title: "婚姻",
          title1: "不限",
        },
        {
          id: 8,
          title: "子女情况",
          title1: "不限",
        },
        {
          id: 9,
          title: "购房情况",
          title1: "不限",
        },
      ],
    };
  },
};
</script>
<style scoped>
.pacZ {
  width: 100%;
  padding: 20px 15px 0 30px;
  font-weight: 600;
  text-align: left;
}
.pacZ caption {
  font-size: 20px;

  padding-left: 15px;
}
.pacZ tr {
  height: 36px;
  display: flex;
}
.pacZ tr td {
  flex: 1;
}
.left-img img {
  width: 30px;
  height: 30px;
  margin: 10px;
}
</style>